<html>
<?php
require_once 'menu.php';
require_once 'Clases/tipoPago.php';
require_once 'Clases/funciones.php';
require_once 'Clases/empleado.php';
require_once 'Clases/ventas.php';
?>
    
<head>
         <link href="css/xom.css" rel="stylesheet" type="text/css">

<style type="text/css">
<!--
.cffree tr .cffree_td .not-required {
	font-size: medium;
}
.a {
	font-family: "Comic Sans MS", cursive;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
}
.aa {
	font-weight: bold;
	color: #000;
}
.aaa {
	text-align: center;
}
.aaaa {
	text-align: right;
}
.aaaaa {
	text-align: right;
}
.aaaaa {
	text-align: center;
}
.aaaaaa {
	text-align: center;
}
.aa .aa {
	color: #FFF;
}
.aa {
	color: #000;
	text-align: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#area form table tr td table tr .aa {
	color: #000;
}
.aaaaa {
	font-style: italic;
}
.aaaaaaa {
	font-style: italic;
}
.aaaaaaaaa {
	font-style: italic;
}
-->

<!--
.fondo #contenido .letras2 {
	text-align: center;
}
-->

<!--
.fadebox {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.overbox {
	display: none;
	position:relative;
	margin:0 auto 0 auto;

	top: 5%;
	left: 5%;
	width: auto%;
	height: auto%;
	z-index:1002;
	
}
.fondo #contenido .letras2 {
	text-align: center;
}
-->

</style>
    </head>
 <?php
       require_once 'menu.php';
  ?>
<body>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script language="javascript" type="text/javascript" src="js/funciones.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>

<link rel="stylesheet" type="text/css" href="js/jquery.lightbox-0.5.css" media="screen" />
         <div id="area" class="contenido" >
        <form id="form" name="form" method="post" action="#" onSubmit="return elementos()">
<table width="1019">
                              <tr>
                                <td width="1011" height="41" align="center"><span class="aa">Cotizar Repuestos</span></td>
    </tr>
                              <tr>
                                <td><table width="1133" border="1" bgcolor="#003399" style="color:#FFF">
                                  <tr class="aaa">

                                    <td width="110"><span class="aa">Repuesto</span></td>
                                    <td width="95">Codigo</td>
                                    <td width="31">&nbsp;</td>
                                    <td width="305">Nombre Repuesto</td>
                                    <td width="92">Precio</td>
                                    <td width="92">Cantidad</td>
                                    <td width="135">Total / ISV</td>
                                  </tr>
                                </table>
                                  <div id="grid">
                                    
                                  </div>
                                  <span class="aa">
                                  <input type="button" name="agregarRepuesto" id="agregarRepuesto" value="Agregar" onClick="genera_tabla()"/>
                                </span></td>
                              </tr>
                              <tr>
                                <td><hr style="color: #0056b2;" /></td>
                              </tr>
                              <tr>
                                <td><table width="277" border="0" align="right">
                                  <tr>
                                    <td width="70"><span class="aa">Total <span class="aaaaaaaaa">L.</span></span></td>
                                    <td width="197"><span class="aa">
                                      <input name="total" type="text" class="a"  id="total" style="font-family:Georgia, 'Times New Roman', Times, serif;font-size:16px;;text-align:center" value="00" readonly />
                                    </span></td>
                                  </tr>
                                </table>
                                  <table width="261" border="0" align="right">
                                    <tr>
                                      <td width="54" height="45"><span class="aa">ISV </span><span class="aaaaaaa">L.</span></td>
                                      <td width="197"><span class="aa">
                                        <input name="isv" type="text" class="a"  id="isv" style="font-family:Georgia, 'Times New Roman', Times, serif;font-size:16px;;text-align:center" value="00" readonly />
                                      </span></td>
                                    </tr>
                                  </table>
                                  <table width="330" height="48" border="0" align="right">
                                    <tr>
                                      <td width="111"><span class="aa">Sub Total <span class="aaaaa">L.</span></span></td>
                                      <td width="209"><span class="aa">
                                        <input name="subtotal" type="text" class="a"  id="subtotal" style="font-family:Georgia, 'Times New Roman', Times, serif;font-size:16px;text-align:center" value="00" maxlength="3" readonly />
                                      </span></td>
                                    </tr>
                                </table></td>
                              </tr>
                              <tr>
                                <td align="center"><a style="color:#F00"><?php if(isset($_GET["guardado"]))
								{
									if($_GET["guardado"]==true)
									{$mensaje="Guardado Correctamente";
									}
									else{$mensaje="Error notifique al Administrador";}
								}
								else{$mensaje="";
								} 
								echo $mensaje; ?></a></td>
                              </tr>
                              <tr>
                                <td>&nbsp;</td>
                              </tr>
                              <tr>
                                <td>
                                  <table width="330" border="0" align="right">
                                  <tr class="aaaaaa">
                                    <td width="264"><span class="aaaaa">
                                      <input type="button" name="enviar" onClick="imprimir('area')" id="enviar"  value="Facturar" />
                                    </span></td>
                                    <td width="56" class="aaaaa">&nbsp;</td>
                                  </tr>
                                </table></td>
                              </tr>
                              <tr>
                                <td></td>
                              </tr>
                              <tr>
                                <td>&nbsp;</td>
                              </tr>
          </table>
</form>
</div>


<!-- LightBox    -->
<div  style="background-color: #FFF; position: absolute; top:50%; left: 50%; "    align="center" id="over"class="overbox" >

<!-- TODO EL CODIGO DE BUSCAR AQUI  -->
 <form  method="post" name="seccion" >
  	<table style="text-align:left" width="289" border="0">
  <tr>
    <td width="3">&nbsp;</td>
    <td width="104">&nbsp;</td>
    <td width="168">&nbsp;</td>
  </tr>
  <tr>
    <td></td>
    <td>Nombre Repuesto</td>
    <td><label for="area2"></label>
      <input type="text" name="nombreRepuesto" id="nombreRepuesto"   onKeyDown="definirLlenarRepuesto('cmbCursos2','nombreRepuesto')"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="2"><div   align="left" style=" margin:1px " class="contenido">
      <select style="width:auto; text-align:left" name="cmbCursos2" onDblClick="llenarRepuesto('cmbCursos2');" size="20" id="cmbCursos2"  >
      </select>
    </div></td>
    </tr>
  </table>
<input type="button" id="salir a la matricula" value="salir"   onClick="hideLightbox()"/>
  </form>

</div>
        
        
        <div    align="center" style="filter:alpha(opacity=100); height:140%; width:100%;  opacity:0.5;"  id="fade" class="fadebox">
</br></br></br></br></br></br>

</div>
<?php




?>

<script type="text/javascript">
var num=0;
var bandera=0;
var codigo="";
var nombre="";
var precio="";

function elementos(){
var txts =document.getElementById('form').elements;

var e;
var con=0;
var resul;
var ele=0;


for(i=0;i<txts.length;i++)
{
	
		 if (txts[i].title=="requerido"){
			 if (txts[i].value==""){
        e=document.getElementById(txts[i].name+'a');
	e.innerHTML='Valor Requerido';
	e.style.color='#F00'
	con++;
	ele++;
   }
   else
	{e=document.getElementById(txts[i].name+'a');
	e.innerHTML='*';
	e.style.color='#0F0'}
   
   if(txts[i].type=="select-one"){
	if (txts[i].options[txts[i].selectedIndex].value==-1){
		
        e=document.getElementById(txts[i].name+'a');
	e.innerHTML='Valor Requerido';
	e.style.color='#F00'
	con++;
	ele++;
	}
	else
	{e=document.getElementById(txts[i].name+'a');
	e.innerHTML='*';
	e.style.color='#0F0'}
   }
   }
   
   
}	
//alert(document.getElementById('fechaPago').value);

	 if(con>0)
   {
	   return false;
	   
	}else
	{
		imprimir('area');
	   return true;
	   
	   
	} 
}

function genera_tabla() {
	bandera=200;
  // Obtener la referencia del elemento body
  var body = document.getElementsByTagName("body")[0];
 
  // Crea un elemento <table> y un elemento <tbody>
  var tabla   = document.createElement("table");
  tabla.id="tabla"+num;
  var tblBody = document.createElement("tbody");
 
  // Crea las celdas
  for (var i = 0; i < 1; i++) {
    // Crea las hileras de la tabla
    var hilera = document.createElement("tr");
 
   
      // Crea un elemento <td> y un nodo de texto, haz que el nodo de
      // texto sea el contenido de <td>, ubica el elemento <td> al final
      // de la hilera de la tabla
    
	   var celda = document.createElement("td");
	   celda.width="140";
		
       var campo= document.createElement("input");
	  campo.type="button";
	  campo.value="Buscar";
	  campo.setAttribute("onClick","showLightbox('codigo"+num+"','nombre"+num+"','precio"+num+"')");
	  //var campo2= document.createElement("input");
	  //campo2.type="button";
	  //campo2.value="-";
	  //campo2.setAttribute("onClick","eliminarRepuesto('tabla"+num+"'");
	  //celda.appendChild(campo2);
	  celda.appendChild(campo);
      hilera.appendChild(celda);
	  
	   var celda = document.createElement("td");
	   celda.width="122";
      var campo= document.createElement("input");
	    campo.placeholder="Codigo";
		campo.name="codigo[]";
		campo.id="codigo"+num;
	  campo.type="text";
	  campo.size="13";
	  campo.setAttribute("onchange","obtenerRepuesto('codigo"+num+"','nombre"+num+"','precio"+num+"','valorisv"+num+"','siisv"+num+"','subisv"+num+"')");
	 
      celda.appendChild(campo);
      hilera.appendChild(celda);
	  
	  var celda = document.createElement("td");
	   celda.width="41";
      var campo= document.createElement("input");
	  campo.type="image";
	  campo.src="images/loading.gif";
	  campo.width="30";
	  campo.style.visibility="hidden";
	   campo.height="30";
      celda.appendChild(campo);
      hilera.appendChild(celda);
 
 
 var celda = document.createElement("td");
	   celda.width="387";
      var campo= document.createElement("input");
	campo.name="nombre[]";
		campo.id="nombre"+num;
	  campo.type="text";
	  campo.size="50";
	   campo.maxlength="50" 
	   campo.readOnly="readOnly";
      celda.appendChild(campo);
      hilera.appendChild(celda);
	  
	  var celda = document.createElement("td");
	   celda.width="118";
      var campo= document.createElement("input");
	  campo.type="text";
	  campo.size="10";
	  campo.name="precio[]";
		campo.id="precio"+num;
		campo.readOnly="readOnly";
	   campo.maxlength="10" 
      celda.appendChild(campo);
      hilera.appendChild(celda);
	  
	   var celda = document.createElement("td");
	   celda.width="118";
      var campo= document.createElement("input");
	  campo.type="text";
	  campo.size="10";
	  campo.name="cantidad[]";
		campo.id="cantidad"+num;
		campo.setAttribute("onchange","totalProducto('precio"+num+"','cantidad"+num+"','total"+num+"','valorisv"+num+"','subisv"+num+"')");
	  
	   campo.maxlength="10" 
      celda.appendChild(campo);
      hilera.appendChild(celda);
	   
	     var celda = document.createElement("td");
	   celda.width="175";
      var campo= document.createElement("input");
	  campo.type="text";
	  campo.size="10";
	  campo.name="total[]";
		campo.id="total"+num;
	  campo.readOnly="readOnly";
	   campo.maxlength="10" 
      celda.appendChild(campo);
	  
	  var campo= document.createElement("input");
	  campo.type="checkbox";
	  campo.name="siisv[]";
		campo.id="siisv"+num;
	  campo.disabled="true";
	   
      celda.appendChild(campo);
	  
	  
      hilera.appendChild(celda);
	  
	  var campo= document.createElement("input");
	  campo.type="text";
	  campo.size="10";
	  campo.name="valorisv[]";
		campo.id="valorisv"+num;
	  campo.readOnly="readOnly";
	  campo.style.display="None";
	  document.getElementById('form').appendChild(campo);
	  var campo= document.createElement("input");
	  campo.type="text";
	  campo.size="10";
	  campo.name="subisv[]";
		campo.id="subisv"+num;
	  campo.readOnly="readOnly";
	  
	  document.getElementById('form').appendChild(campo);
	  campo.style.display="None";
	  
    // agrega la hilera al final de la tabla (al final del elemento tblbody)
    tblBody.appendChild(hilera);
	
	
  }
 
  // posiciona el <tbody> debajo del elemento <table>
  tabla.appendChild(tblBody);
  // appends <table> into <body>
  document.getElementById("grid").appendChild(tabla);
  // modifica el atributo "border" de la tabla y lo fija a "2";
  tabla.setAttribute("border", "2");
  document.getElementById("codigo"+num).focus();
  num++;
  bandera=0;
}


function obtenerCliente(){

$.ajax({
        type: "GET",
        url:"ajaxCliente.php?id="+document.getElementById('Cliente').value,
        async: true,
        success: function(datos){
            var dataJson = eval(datos);
             
            for(var i in dataJson){
                //alert(dataJson[i].ID + " _ " + dataJson[i].NOMBRE);				
				document.getElementById('nombreCliente').value=dataJson[i].NOMBRE;
				document.getElementById('direccion').value=dataJson[i].DIRECCION;
				document.getElementById('clienteNuevo').value=dataJson[i].ID;
            }
             
        },
        error: function (obj, error, objError){
            //avisar que ocurrió un error
			alert("error");
        }
});	

}
function obtenerRepuesto(codigo,nombre,precio,isv,siisv,subisv){
	
$.ajax({
        type: "GET",
        url:"ajaxRepuesto.php?id="+document.getElementById(codigo).value,
        async: true,
        success: function(datos){
            var dataJson = eval(datos);
             
            for(var i in dataJson){
                //alert(dataJson[i].ID + " _ " + dataJson[i].NOMBRE);
				if(dataJson[i].ID){
				document.getElementById(nombre).value=dataJson[i].NOMBRE;
				document.getElementById(precio).value=parseFloat(dataJson[i].PRECIO)+(parseFloat(dataJson[i].PRECIO)*parseFloat(dataJson[i].ISV));
				document.getElementById(isv).value=dataJson[i].ISV;
				document.getElementById(subisv).value=0;
						if(dataJson[i].ISV>0)
							{
								document.getElementById(siisv).checked="true";
								document.getElementById(subisv).value=(parseFloat(dataJson[i].PRECIO)*parseFloat(dataJson[i].ISV));
							}
			}
				else{
					document.getElementById(nombre).value="No Existe";
					}
				
            }
             
        },
        error: function (obj, error, objError){
            //avisar que ocurrió un error
			alert("error");
        }
});	

}

function totalProducto(precio,cantidad,total,isv,subisv){
	var t=parseFloat(document.getElementById(precio).value)*parseFloat(document.getElementById(cantidad).value);
	var imp=document.getElementById(isv).value;
	var subimp=parseFloat(document.getElementById(subisv).value);
	document.getElementById(subisv).value=subimp*parseFloat(document.getElementById(cantidad).value);
	
	document.getElementById(total).value=parseFloat(t).toFixed(2);
	Total();
	}
	
	
	
	function Total(){
var txts =document.getElementById('form').elements;
var total=0;
var isv=0;
var subTotal=0;
for(i=0;i<txts.length;i++)
{
		 
			 if (txts[i].type=="text")
			 {
				 
				 if (txts[i].name=="total[]")
				 		{
 						total+=parseFloat(txts[i].value);
			
						}
						if (txts[i].name=="subisv[]")
				 		{
 						isv+=parseFloat(txts[i].value);
			
						}
			}
   
}
document.getElementById('total').value=parseFloat((total)).toFixed(2);
document.getElementById('subtotal').value=parseFloat((total-isv)).toFixed(2);
document.getElementById('isv').value=parseFloat(isv).toFixed(2);

}
function Pagos(){
		var idCol=document.getElementById('tipoPago').options[document.getElementById('tipoPago').selectedIndex].value;
if(idCol==2){
	document.getElementById('fechaPago').style.visibility='visible';
	document.getElementById('fechaPago').title="requerido";
	document.getElementById('fechaPagoa').style.visibility='visible';
	
	}
	else{
		document.getElementById('fechaPago').style.visibility='hidden';
		document.getElementById('fechaPago').title="";
		document.getElementById('fechaPagoa').style.visibility='hidden';
		}
		
	
	}
	
	function showLightbox(codigo,nombre,precio) {
		this.codigo=codigo;
		this.nombre=nombre;
		this.precio=precio;
	document.getElementById('over').style.display='block';
	document.getElementById('fade').style.display='block';
}
function hideLightbox() {
	this.codigo="";
		this.nombre="";
		this.precio="";
	document.getElementById('over').style.display='none';
	document.getElementById('fade').style.display='none';
	
}

function definirLlenarRepuesto(comboR,txt){
		

		
		
		
			document.getElementById(comboR).options.length=0;
		llenarCombo2(comboR,txt);
		
		}
		
		function llenarCombo2(comboR,txt){
	//alert("consultaCombo.php?sql="+sql);
	
$.ajax({
        type: "GET",
        url:"consultaRepuestos.php?id="+document.getElementById(txt).value,
        async: true,
        success: function(datos){
            var dataJson = eval(datos);
             
            for(var i in dataJson){
                //alert(dataJson[i].ID + " _ " + dataJson[i].NOMBRE);
				var op=document.createElement("option");
				op.value=dataJson[i].ID;
				op.innerHTML=dataJson[i].NOMBRE;
				op.title=dataJson[i].PRECIO;
				document.getElementById(comboR).add(op);
            }
             
        },
        error: function (obj, error, objError){
            //avisar que ocurrió un error
        }
});
}

function llenarRepuesto(comboR){
		document.getElementById(this.codigo).value=document.getElementById(comboR).options[document.getElementById(comboR).selectedIndex].value;
		//document.getElementById(this.nombre).value=document.getElementById(comboR).options[document.getElementById(comboR).selectedIndex].innerHTML;

		//document.getElementById(this.precio).value=document.getElementById(comboR).options[document.getElementById(comboR).selectedIndex].title;

document.getElementById(this.codigo).onchange();


hideLightbox();
document.getElementById(this.precio).focus();
}

function eliminarRepuesto(tabla){
  //document.getElementById('grid').removeChild(document.getElementById('tabla0'));
  var elimin=document.getElementById('tabla0');
  elimin.parentNode.removeChild(elimin);
	}
	
	function imprimir(nombre)
{
var ficha = document.getElementById(nombre);
var ventimp = window.open(' ', 'popimpr');
ventimp.document.write( ficha.innerHTML );
ventimp.document.close();
ventimp.print( );
ventimp.close();
}

</script>
</body>
</html>